<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./../../assets/css/base.css">
    <link rel="stylesheet" href="./../../assets/fonts/iconfont.css">
    <link rel="stylesheet" href="./../../assets/css/refund.css">
</head>
<body>
    <div class="refund-container banxin">
        <div class="schedule">
            <div ><p>1、退款申请</p></div>
            <div class="handle jxColor"><p>2、退款处理</p></div>
            <div class="tuihuo"><p>2、退款处理</p></div>
            <div class="finish"><p>2、退款处理</p></div>
        </div>
        <div class="tq-status">
            <p>退款编号：TQ5036594139708349</p>
            <p>当前退款状态：<span style="color:#F60;">退款关闭 </span><span style="color: #AEAEAE;">(2017-11-14 17:12:01)</span></p>
            <button>修改退款协议</button>
            <a href="#">撤销退款申请</a>
        </div>
    </div>
    <div class="tabDiv banxin">
        <ul class="tabs">  
            <li class="active"><span id="#tab1">退款协议和退款货品</span></li><li><span id="#tab2">留言和凭证</span></li>  
        </ul>  
    </div>
    <div class="tab_container banxin">  
            <div id="tab1" class="tab_content" style="display: block; ">
                <div class="tq-protocol">
                    <p>退款服务：退货退款</p>
                    <p>申请退款时间：2017-11-14 14:18:02</p>
                    <p>退款状态：退款关闭</p>
                    <p>买家是否已收到货：已收到全部（部分）货品</p>
                    <p>退款金额：<span class="sum">3696.00</span>元（<span class="orange">3680.00</span>元货品金额 + <span class="orange">16.00</span>元运费金额）</p>
                    <p>退款原因：无理由退货</p>
                </div>
                <div class="info">
                    <div class="title">支付信息</div>
                    <div class="detail">
                        <p>支付方式：支付宝</p>
                        <p>商户交易号：362736784628342132</p>
                    </div>
                </div>
                <div class="info">
                    <div class="title">仓库信息</div>
                    <div class="detail">
                        <p>仓库名称：上海一仓</p>
                        <p>联系方式：021-50588886-803（周一～周五：早9:00～下午18：00）</p>
                        <p>客服：<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=380828752&site=qq&menu=yes"><img class="qq" border="0" src="./../../assets/img/qq.svg" alt="点击这里给我发消息" title="点击这里给我发消息"/>380828752</a>
                    （周一～周五：早9:00～下午18:00）</p>
                    </div>
                </div>
                <div class="info">
                    <div class="title">退款货品列表</div>
                    <div class="goods-detail sn-clr">
                        <div class="goods-table sn-clr">
                            <div class="table-title">
                                <div style="width:320px;">货品</div>
                                <div style="width:170px;">单价（元）</div>
                                <div style="width:110px;">数量</div>
                                <div style="width:150px;">优惠</div>
                                <div style="width:195px;">已付金额（元）</div>
                                <div style="width:140px;">货品状态</div>
                            </div>
                            <div class="detail-left sn-clr">
                            <ul>
                                <li>
                                    <a href="#"><img src="./../../assets/img/jx-xz.png" alt=""></a>
                                        <div class="left-text">
                                            <div class="pro-detail">
                                                <a href="#"><h3>ZUPPER进口弹力透气仿真胸肌短袖t恤男假肌肉增肥衣服隐形内衣潮</h3></a>
                                                <p>货号：367141-431</p>
                                                <p>尺码：7.5(36.5)</p>
                                            </div>                                
                                            <span class="detail-price">580.00</span>
                                                <span class="detail-count">2</span>
                                                <span class="promotion">-</span>
                                                <span class="state">14.00</span>
                                                <span class="price-sum">未发货</span>    
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <p class="heji">退款金额：<span class="sum">3696.00</span>元（<span class="orange">3680.00</span>元货品金额 + <span class="orange">16.00</span>元运费金额）</p>
                </div>
            </div>
            <div id="tab2" class="tab_content" style="display: none; font-size:13px;">
                <div class="words-pic">
                    <div class="words">
                        <span>退款说明：</span><p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
                    </div>
                    <div class="pic">
                        <span>退款说明：</span>
                        <div>
                            <img src="./../../assets/img/refund-pic.png" alt="">
                            <img src="./../../assets/img/refund-pic.png" alt="">
                            <img src="./../../assets/img/refund-pic.png" alt="">
                            <img src="./../../assets/img/refund-pic.png" alt="">
                            <img src="./../../assets/img/refund-pic.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
    </div>
</body>
<script src="./../../assets/build/sportjx.js"></script>
<script src="./../../assets/build/mainsite.js"></script>
<script src="./../../assets/build/js/refund.js"></script>
</html>